.history {
  .history-banner {
    transform: translateX(100%);
    animation: fade-transform 0.5s ease-in-out forwards;

    @keyframes fade-transform {
      100% {
        transform: translateX(0);
      }
    }
    img {
      display: inline-block;
      width: 100%;
    }
  }
  // 动画
  .fade-enter {
    opacity: 0;
    transform: scale(0.9);
  }
  .fade-enter-active {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 3000ms, transform 3000ms;
  }
  .fade-exit {
    opacity: 1;
  }
  .fade-exit-active {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 3000ms, transform 3000ms;
  }
  .history-time-line {
    .time-line-title {
      height: 90px;
      width: 508px;
      font-size: 38px;
      text-align: center;
      line-height: 90px;
      color: #fff;
      margin: 108px auto 68px;
      background-color: #4091ed;
    }
    .time-line-content {
      background-color: #eee;
      .ins {
        position: relative;
        width: 1160px;
        margin: auto;
        display: flex;
        justify-content: space-around;
        padding: 24px 0;
        // height: 240px;
        .content-item {
          width: 260px;
          // height: 254px;
          .item-title {
            text-align: left;
            font-size: 24px;
          }
          .item-line {
            border-left: 4px solid #ebd9c7;
            height: 30px;
          }
          img {
            display: inline-block;
            margin-top: 38px;
            width: 190px;
            height: 125px;
          }
          .item-saml-title {
            margin: 25px 0;
            font-size: 20px;
          }
          .item-desc {
            width: 190px;
            font-size: 12px;
          }
        }
        .line {
          position: absolute;
          width: 1090px;
          height: 10px;
          top: 93px;
          left: 0;
          background-color: #4586ff;
          border-radius: 4px;
        }
      }
    }
  }
  .history-people {
    .history-people-title {
      height: 90px;
      width: 508px;
      font-size: 38px;
      text-align: center;
      line-height: 90px;
      background-color: #ff5757;
      color: #fff;
      margin: 80px auto 50px;
    }
    .people-content {
      display: flex;
      width: 600px;
      margin: auto;
      justify-content: space-around;
      img {
        display: inline-block;
        width: 120px;
      }
      .item-name {
        text-align: center;
        margin: 16px 0;
        color: #0064ff;
      }
    }
  }
}
